<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" type="text/css" href="../CSS/index.css" />
  <title>猫的天空城</title>
  <link rel="icon" href="../picture/icon.png" type="image/x-ico" > 
</head>

<body>
  <div class="top">
    <div class="logo">
      <img src="../picture/logo.png" alt="" width="117px"
        height="116px" />
    </div>
    <div class="dh">
      <ul>
        <li>
          <a href="">图书介绍</a>
        </li>
        <li>
          <a href="">产品介绍</a>
        </li>
        <li>
          <a href="">插画比赛</a>
        </li>
        <li>
          <a href="">门店地址</a>
        </li>
        <li>
          <a href="">网上商城</a>
        </li>
        <li>
          <a href="">常见问题</a>
        </li>
      </ul>
    </div>
    <div class="sign">
      <a href="../src/Log.html">
        <img src="https://img2.imgtp.com/2024/03/31/EVBjTCgp.png" alt="" height="50px" />
      </a>
    </div>
  </div>

  <div class="na1">
    <img src="https://img2.imgtp.com/2024/03/31/83iSLsVH.png" alt="" />
  </div>

  <div style="
        text-align: center;
        width: 1500px;
        margin-top: 20px;
        margin-bottom: 20px;
      ">
    <img src="../picture/new新品.png" alt="" height="60px" style="margin: 0 auto" />
  </div>

  <div class="na2">
    <div class="na2_1">
      <img src="../picture/婚礼进行曲.png" alt="" height="370px" />
    </div>
    <div class="na2_2">
      <img src="../picture/第1张.png" alt="" height="175px" />
      <img src="../picture/第2张.png" alt="" height="175px" />
      <img src="../picture/第3张.png" alt="" height="190px" width="284px" />
      <img src="../picture/80aqusxq.png" alt="" height="190px" width="278px" />
    </div>
  </div>

  <div class="na3">
    <div class="left">
      <div id="h1">
        <div class="head">
          <p>
            <strong><span style="font-size: 20px"><span style="color: #888888">商品布告栏</span></span></strong>
          </p>
          <p>
            <span style="font-family: Source Han Sans"><span style="font-size: 14px"><span style="color: #93bcd7"><span
                    style="line-height: 1.5">INFORMATION</span></span></span></span>
          </p>
        </div>
      </div>
  
      <div id="h2">
        <p>
          <span style="font-family: Source Han Sans"><span style="color: #999999"><span
                style="font-size: 12px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;MUSIC BOX&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span></span>
                <img src="http://nwzimg.wezhan.cn/contents/sitefiles2062/10314789/images/42642029.png" alt="" height="30px">
          <span style="font-family: Source Han Sans"><span style="color: #666666"><span
                style="font-size: 16px">甜心下午茶「八音盒」<span style="font-size: 12px">&nbsp;
                &nbsp;大耳狗的甜蜜时光</span></span></span></span>
        </p>
      </div>
  
      <div id="h2">
        <p>
          <span style="font-family: Source Han Sans"><span style="color: #999999"><span
                style="font-size: 12px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;PUZZLE&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span></span>
                <img src="http://nwzimg.wezhan.cn/contents/sitefiles2062/10314789/images/42642029.png" alt="" height="30px">
          <span style="font-family: Source Han Sans"><span style="color: #666666"><span
                style="font-size: 16px">奇遇苏博<span style="font-size: 12px">&nbsp;
                &nbsp;阅读背后的故事，感受文物魅力</span></span></span></span>
        </p>
      </div>
  
      <div id="h2">
        <p>
          <span style="font-family: Source Han Sans"><span style="color: #999999"><span
                style="font-size: 12px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;MUSIC BOX&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span></span>
                <img src="http://nwzimg.wezhan.cn/contents/sitefiles2062/10314789/images/42642029.png" alt="" height="30px">
          <span style="font-family: Source Han Sans"><span style="color: #666666"><span
                style="font-size: 16px">史努比和他的小伙伴们<span style="font-size: 12px">&nbsp;
                &nbsp;开启奇妙之旅</span></span></span></span>
        </p>
      </div>
    </div>

    <div class="right">
      <img src="http://store.is.autonavi.com/showpic/C429DBA63D5045C391334CD522913282?type=pic" alt="" width="450px" style="border-style: solid;">
    </div>
  </div>

  <div class="na4">
    <div id="h1">
      <div class="head">
        <p>
          <strong><span style="font-size: 20px"><span style="color: #888888">门店</span></span></strong>
        </p>
        <p>
          <span style="font-family: Source Han Sans"><span style="font-size: 14px"><span style="color: #93bcd7"><span
                  style="line-height: 1.5">STORES</span></span></span></span>
        </p>
      </div>
    </div>

    <div class="md">
      <img src="../picture/门店1.png" alt="">
      <img src="../picture/门店2.png" alt="">
      <img src="../picture/门店3.png" alt="">
      <img src="../picture/门店4.png" alt="">
    </div>
  </div>

  <div class="bottom"></div>
</body>

</html>